<template>
  <div class="app-container">
    <div class="page-filter mb10 fl">
      <el-row>
        <el-col :span="24">
          <el-tabs v-model="active" type="card" @tab-click="handleTabs">
            <!-- <el-tab-pane label="供应商信息调查" name="1" /> -->
            <el-tab-pane label="供应商基本信息" name="2" />
            <!-- <el-tab-pane label="供应商评级" name="3" /> -->
          </el-tabs>
        </el-col>
        <el-col v-if="active === '1'" :span="24">
          <LookInto :info="info" />
        </el-col>
        <el-col v-if="active === '2'" :span="24">
          <Supplier :info="info" />
        </el-col>
        <el-col v-if="active === '3'" :span="24">
          <Rate :info="info" />
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
import LookInto from './components/lookInto/lookInto'
import Supplier from './components/supplier/supplier'
import Rate from './components/rate/rate'

export default {
  name: '',
  components: { LookInto, Supplier, Rate },
  inject: ['app'],
  data() {
    return {
      active: '2',
      info: {}
    }
  },
  created() {
  },
  methods: {
    handleTabs(e) {
    }
  }
}
</script>
